<!DOCTYPE html>
<html lang="en">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>个人好友列表</title>
    <link href="../../css/base.css" rel="stylesheet">
    <link href="../../css/Manage_person.css" rel="stylesheet">
</head>
<body id="manage_person">
<div class="container">
    <div class="head">
        <i class="icon iconfont icon-jiantou1"></i>
        <h2>管理人员</h2>
        <div class="nav">
            <a class="active">添加</a>
            <a href="org.html">删除</a>
        </div>
    </div>

    <div class="content ps_content">
        <input id="name" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;搜索并添加" />
        <div class="list-box-container">
            <div class="content-head">

            </div>
            <ul class="main">
                <li class="clearfix">
                    <span class="fl"></span>某某（微信号）
                    <a class="fr" href="#">删除</a>
                </li>
                <li class="clearfix">
                    <span class="fl"></span>某某（微信号）
                    <a class="fr" href="#">删除</a>
                </li>
                <li class="clearfix">
                    <span class="fl"></span>某某（微信号）
                    <a class="fr" href="#">删除</a>
                </li>
            </ul>
            <a class="plus" style="font-size:1rem;">确认</a>
        </div>

    </div>

</div>


<script src="../../js/rem.js"></script>
<script src="../../js/lib/jquery.js"></script>
<script src="../../js/lib/template-simple.js"></script>
<script src="../../js/lib/layer_mobile/layer.js"></script>
<script>
    $(function(){
        //信息框
        var content="<ul class='layer_userInfo'>" +
                        "<li class='clearfix'>" +
                            "<input class='name fl' placeholder='姓名'/>"+
                            "<input class='duty fr' placeholder='职务'/>"+
                        "</li>"+
                        "<li class='clearfix'>" +
                            "<input class='name fl' placeholder='姓名'/>"+
                            "<input class='duty fr' placeholder='职务'/>"+
                        "</li>"+
                        "<li class='clearfix'>" +
                            "<input class='name fl' placeholder='姓名'/>"+
                            "<input class='duty fr' placeholder='职务'/>"+
                        "</li>"+
                    "</ul>"+
                    "<div class='btn_queen'>确定</div>"
                     ;
        $("#manage_person .active").click(function(){
            layer.open({
                title:'职务代表',
                className: 'user_info',
                content: content

            });
        });

    })
</script>
</body>
</html>